IT255 Web Technologies
Subject Cordinator: - Prof. Jalpesh Vasa
Subject Name: - Web Technologies
Semester: - 6
| PRACTICAL LIST | |
|---|---|
|
|
|
| 1 |
Create/Understand Basic HTML Structure & Experiments with
following tags and write your conclusion.
|
| 2 | Experiments with Table Tags & it’s Attributes (colspan-rowspan, cellpadding-cellspacing) |
| 3 | Experiments with List Tags & it’s Attributes Experiments with Image Map. |
| 4 | Experiments with Form and Input Tags,Types & Attributes. Experiments with HTML Entities and Emojis |
| 5 | Experiments with Audio/Video/iframe/object/embed Tags (Include youtube video to web page with controls) (include pdf file to webpage) |
| 6 |
a. Experiments with semantic HTML5 tags. Explain the
Importance of semantic tags. b. Include Google Map in the Webpage. c. Case Study: How Google Search Engine Works ? |
|
|
|
| 1 | Applying CSS to Webpage. Demonstrate Type of CSS (inline,embedded,external) - Class vs ID Selector |
| 2 | Basic CSS Properties & CSS Units (Absolute vs Relative) text,fonts, background,height,width, border,outline, margin,padding, position, list style, Overflow, Display,Opacity, Float,Clear,Links,Position,Z-index etc... |
| 3 | Understanding and Implementation of Box Model. (box-sizing) |
| 4 | Demonstrate CSS Selectors & Pseudo Classes. |
| 5 | Build Web Page Layout Using Flex |
| 6 | Implement and Demonstrate CSS Transition |
| 7 | Implement and Demonstrate CSS Animation |
| 8 | Apply and Demonstrate CSS Media Queries on Web Page. Apply Different Style to Print Media |
|
|
|
| 1 | Including Javascript & Types of Javascript , Javascript Variables , Data Types. |
| 2 | Demonstrate: prompt(), alert(),conform(),eval() |
| 3 | Demonstrate: Operators and Loops. Demonstrate : Basic Event Handling |
| 4 | Demonstrate: Functions & Variable Scope, Built-in Objects Experiments with Number,String,Array, Date and Maths Objects |
| 5 | Demonstrate: DOM Access & Manipulation. |
| 6 | Implement Form Events, do Validation & redirecting webpage |
| 7 | Apply Jquery to the Web page and Demonstrate functions of Jquery |
|
|
|
| 1 | Create an attractive & responsive website. (Use: Bootstrap, Jquery and any latest frameworks) |